<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    .tree-file{
        clear: both;
        background: none;
    }
    .fa-folder {
        margin-top: 3px;
    }
    .fa-file-text{
        margin-top: 3px;
    }

    .progressbar-value .progressbar-text {
        background-color: #428bca;
        color: #FFFFFF;
    }
</style>
<script>
    var workOrderStatus = {{ workOrderStatus |json_encode }};
    var workOrderLevels = {{ workOrderLevels |json_encode }};
</script>
<table style="width: 100%;height: 100%">
    <tbody>
    {% if NavUl is defined %}
        <tr style="height: 67px">
            <td valign="top">{{ NavUl }}</td>
        </tr>
    {% endif %}
    <tr>
        <td id="depTree">
            <div id="workorderList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
                <select id ='workorderstatus' style = 'width:100px;'>
                        <option value="">选择工单状态</option>
                        {% for key ,value in workOrderStatus %}
                        <option value = '{{key}}'>{{value}}</option>
                        {% endfor %}
                </select>

                <select id ='workorderlevel' style = 'width:100px;'>
                    <option value="">选择工单级别</option>
                    {% for key ,value in workOrderLevels %}
                        <option value = '{{key}}'>{{value}}</option>
                    {% endfor %}
                </select>

                <input class="easyui-textbox" id="woname" placeholder="输入工单名称" style="height:22px">
                <a id = 'bt_list_search'  class="easyui-linkbutton" plain="true"> <i class="fa fa-search" style="color:#2baab1;"></i> 查询</a>
                <div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>

                {% if workOrderAdd  %}
                    <a id="bt_list_add" plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>新增</a>
                {% endif %}
                {% if workOrderEdit %}
                    <a id="bt_list_edit" plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
                {% endif %}
                {% if workOrderDel %}
                    <a id="bt_list_del" plain="true"><i class="fa fa-remove fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
                {% endif %}
                {% if workOrderCheck %}
                    <a id="bt_list_check" plain="true"><i class="fa fa-check fa-lg fa-fw" style="color:#2baab1;"></i>审核</a>
                {% endif %}
                <a id="bt_comments_look" plain="true"><i class="fa fa-eye fa-lg fa-fw" style="color:#2baab1;"></i>审核附言</a>
                {% if workOrderAlter %}
                <div id="bt_list_state" plain="true">状态</div>
                {% endif %}

            </div>

            {#为避免2次请求 将class="easyui-treegrid"去除 #}
            <table id="workorderList" title="工单列表"  style="height: 100%"
                   data-options="
                url: '{{ url('pm/workOrder/getWorkOrder')}}',
                method: 'post',
                rownumbers: true,
                pagination: true,
                pageSize: 100,
                pageList: [20,50,100,200],
                idField: 'iWorkOrderId',
                treeField: 'sWorkOrderName',
                singleSelect:true,
                "
                toolbar="#workorderList_toolbar">

            </table>
        </td>
    </tr>
    </tbody>
</table>

<div id="changestatus" style="width:100px;color:#2baab1;display: none">
        <div  iconCls="fa fa-play" style="color:#2baab1;">开始</div>
        <div  iconCls="fa fa-check" style="color:green;">完成</div>
        <div  iconCls="fa fa-close" style="color:red;">退回</div>
</div>

